@charset "utf-8";
@import  url(layout.css);
@import  url(color.css);
@import  url(menu.css);
@import  url(BreadCrumb.css);
@import  url(table.css);
@import  url(button.css);
@import  url(pager.css);
@import  url(gridActIcon.css);
@import  url(tab.css);
@import  url(jquery.tablescroll.css);


html,body{
	margin:0;
	padding:0;
	font-size:0.86em;
	font-family:'微軟正黑體','新細明體', Verdana, Arial, Geneva, sans-serif;
	height:100%;
	/*overflow:hidden;*/
}

input,
select,
textarea{
	font-size:100%;
	font-family:'微軟正黑體','新細明體', Verdana, Arial, Geneva, sans-serif;
}

textarea{
	border:1px solid #e5e5e5;
}

	

p{
	margin:0;
	padding:0;
}

p.notice{
	color:#0070fb;
}

.textAlignLeft{
	text-align:left;
}

.textAlignCenter{
	text-align:center;
}

.textAlignRight{
	text-align:right;
}

.alignRight{
	text-align:right;
}


.dateInput{
	width:100px;
}

.timeInput{
	width:50px;
}

.numberInput{
	text-align: right;
}

.topLogoBox img{
	width:auto;
	height:30px;
	margin-top:3%;
}

.topInfoBox{
	color:#00aeff;
	line-height:30px;
	display:inline-block;
	white-space:nowrap;
	margin-right:2%;
}

.topInfoBox span.time{
	margin-right:20px;
}


.topInfoBox .userName{
	font-weight:bold;
	font-size:120%;
}
.topInfoBox a, topInfoBox a:hover {
    color: #00aeff;
    text-decoration: none;
}

fieldset.pageBlock{
	border:1px solid #e5e5e5;
	margin:1%;
	width:98%;
	padding:0;
	box-sizing:border-box;
}

fieldset.pageBlock:first-child{
	margin-top:1%;
}

.pageBlock legend{
	font-size:130%;
	font-weight:bold;
	color:#003974;
}
.pageTitle{
	font-size:130%;
	font-weight:bold;
	float:left;
	color:#003974;
	height:40px;
	line-height:40px;
	width:auto;
}

.pageTitle:first{
	margin-top:0;
}

.itemTitle{
	font-size:120%;
	font-weight:bold;
	float:left;
	color:#003974;
	height:40px;
	line-height:40px;
	padding-left:10px;
}

.popWtopHeader .itemTitle{
	color:#ffffff;
}

.popWtopHeader .css_btn{
	float:right;
	margin-right:1%;
}


.searchTitle{
	font-size:120%;
	font-weight:bold;
	float:left;
	color:#8d8c85;
	width:100%;
	cursor:pointer;
}


.kpiBox{
	background-color:#003974;
	color:#fff;
	height:100px;
	text-align:center;
	float:left;
	padding-top:15px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
}

.kpiNum{
	font-size:220%;
	font-weight:bold;
	line-height:80px;
}


.descr{
	width:98%;
	margin-left:1%;
	margin-top:20px;
	color:#454545;
	font-size:90%;
	float:left;
}

.descr ol li{
	padding:0;
	margin:0;
	list-type:decimal;
}


span.required{
	color:#F60;
	font-weight:bold;
	float:right;
	font-size:120%;
}



img.icon{
	width:24px;
	height:24px;
	overflow:hidden;
	background:url(../images/icon_topHeader.png) 0 0  no-repeat;
	vertical-align:middle;
	border:0;
	margin-right:5px;
}

img.user{
	background:url(../images/icon_topHeader.png) -24px 0 no-repeat;
}

img.time{
	background:url(../images/icon_topHeader.png) -48px 0 no-repeat;
}

img.rfq{
	background:url(../images/icon_topHeader.png) -72px 0 no-repeat;
}

img.order{
	background:url(../images/icon_topHeader.png) -96px 0 no-repeat;
}

img.receive{
	background:url(../images/icon_topHeader.png) -120px 0 no-repeat;
}

img.RTstatus{
	background:url(../images/icon_topHeader.png) -144px 0 no-repeat;
}


img.button{
	width:16px;
	height:16px;
	overflow:hidden;
	background:url(../images/icon_button.png) 0 0  no-repeat;
	vertical-align:middle;
	border:0;
	margin-right:5px;
	
}

img.imgButton{
	width:16px;
	height:16px;
	overflow:hidden;
	background:url(../images/icon_button.png) 0 0  no-repeat;
	vertical-align:middle;
	border:0;
	padding:0;
	
}

img.logout{
	background:url(../images/icon_button.png)0 0 no-repeat;
}


img.search{
	background:url(../images/icon_button.png) -16px 0 no-repeat;
}

img.save{
	background:url(../images/icon_button.png) -32px 0 no-repeat;
}

img.viewDetail{
	background:url(../images/icon_button.png) -48px 0 no-repeat;
}

img.add{
	background:url(../images/icon_button.png) -64px 0 no-repeat;
}

img.delete{
	background:url(../images/icon_button.png) -80px 0 no-repeat;
}

img.back{
	background:url(../images/icon_button.png) -96px 0 no-repeat;
}
	
img.userList{
	background:url(../images/icon_button.png) -112px 0 no-repeat;
}

img.unlock{
	background:url(../images/icon_button.png) -128px 0 no-repeat;
}

img.reset{
	background:url(../images/icon_button.png) -144px 0 no-repeat;
}

img.confirm{
	background:url(../images/icon_button.png) -160px 0 no-repeat;
}

img.print{
	background:url(../images/icon_button.png) -176px 0 no-repeat;
}

img.export{
	background:url(../images/icon_button.png) -192px 0 no-repeat;
}

img.permission{
	background:url(../images/icon_button.png) -208px 0 no-repeat;
}

